import React from 'react';
import IconWithBadge from './IconWithBadge';
import {ThemeContext} from './component/ThemeContext';

const HomeIconWithBadge = (props) => {
    // You should pass down the badgeCount in some other ways like react context api, redux, mobx or event emitters.
    return (
        <ThemeContext.Consumer>
            {({count}) => (
            <IconWithBadge {...props} badgeCount={count} />
            )}
        </ThemeContext.Consumer>   
        
    )
  }
export default HomeIconWithBadge
